
import {funMixin} from '../../config/mixin'
// import { directive, Swiper, SwiperSlide } from 'vue-awesome-swiper'
// import 'swiper/css/swiper.css'
import api from '../../config/api'

export const commonMixin = {
  name: 'productList',
   mixins: [funMixin],
  props: {
    terminal: {
      type: Number,
      default: 4
    },
    typeId: {
      type: Number,
      default: 1
    },
    shopId: {
      type: Number,
      default: 0
    },
    componentContent: {
      type: Object
    }
  },
  // components: {
  //   Swiper,
  //   SwiperSlide
  // },
  // directives: {
  //   swiper: directive
  // },
  data () {
    return {
      productData: []
    }
  },
  mounted() {
    this.getData(true)
  },
  watch: {
    'componentContent': {
      handler(newVal, oldVal) {
        this.getData()
      },
      deep: true
    }
  },
  methods: {
      getData(isFirst) {
        const _ = this
		_.sendReq({
		  url: `${api.getProducts}?page=1&pageSize=99&type=1`,
		  method: 'GET'
		}, (proRes) => {
		  _.productData = proRes.data.list
		  // _.$forceUpdate() // 刷新轮播图
		  
		})
  //       if (_.componentContent.productData.sourceType === '1') {
  //         if(_.componentContent.productData.productIdList && _.componentContent.productData.productIdList.length>0){

  //         } else {
  //           _.productData = []
  //         }
  //       } else if(_.componentContent.productData.sourceType === '2'){
  //         if(_.componentContent.productData.categoryId) {
  //           _.sendReq({
  //             url: `${api.getProducts}?page=1&pageSize=99&classifyId=${_.componentContent.productData.categoryId}`,
  //             method: 'GET'
  //           }, (proRes) => {
  //             _.productData = proRes.data.list
  //             if(isFirst){
  //               _.componentContent.productData.imgTextData = _.productData
  //             }
  //             _.$forceUpdate() // 刷新轮播图
  //           })
  //         } else {
  //           _.productData = []
  
  //       }
  //     }
    }
  },
}
